<template>
  <view class="Checkup_content">
    <div class="Checkup_title">Checkup</div>
    <Search></Search>
    <SpecialistServices></SpecialistServices>
    <div class="home_popular home_kind">
      <div class="kind_title">
        <span>Nearby Doctor</span>
      </div>
     <Doctor :DoctorMsg="nearbyDoctor"></Doctor>
    </div>
  </view>
</template>

<script>
import Search from '../../components/Search/Search.vue'
import SpecialistServices from '../../components/SpecialistServices/SpecialistServices.vue'
import Doctor from '../../components/Doctor/Doctor.vue'
export default {
  data () {
    return {
      nearbyDoctor: [
        {
          id: 1,
          name: "Dr. Emmly Lestiryno",
          icon: "",
          professionalField: "General Practitioner",
          location: "Elnodore Hospital",
          starLevel: "4.0",
        },
        {
          id: 2,
          name: "Dr.Jonsky Aliansiondry",
          icon: "",
          professionalField: "Dental Specialist",
          location: "Bundrohuse Hospital",
          starLevel: "4.0",
        },
      ],
    };
  },
  methods: {},
  components: {
    Search,
    SpecialistServices,
    Doctor
  }
}
</script>

<style lang="scss" scoped>
.Checkup_content {
  padding: 0 48rpx;

  .Checkup_title {
    margin: 16rpx 0 32rpx;
    color: rgb(23, 23, 37);
    font-family: Plus Jakarta Sans;
    font-size: 36rpx;
    font-weight: 700;
    line-height: 52rpx;
    letter-spacing: 0.004999999888241291%;
    text-align: center;
  }
}
.home_kind {
  margin-top: 48rpx;

  .kind_title {
    color: rgb(23, 23, 37);
    font-family: Plus Jakarta Sans;
    font-size: 36rpx;
    font-weight: 700;
    line-height: 52rpx;
    letter-spacing: 0.004999999888241291%;
    text-align: left;
  }
}
</style>
